节点错误无法读取未定义的属性“ resolve”
我正在使用reactjs并且无法使用安装任何软件包npm install。我收到的错误消息是:npm ERR! Cannot read property 'resolve' of undefinednpm ERR! A complete log of this run can be found in:npm ERR! /home/stash/.npm/_logs/2019-03-11T10_07_30_264Z-debug.log当我这样做时npm install -verbose:npm info...
2024-01-10java读取es的的double值类型问题?
es:7.3版本;添加索引,设置的映射price字段是double类型。插入的数据值是1999,但是利用java客户端查询时候,发现读取到的是Integer类型,又测试了一下将1999改成1999.89,这样的话,java读取出来是double类型,感觉很奇怪,明明我已经强制设置了字段的映射类型,为什么读取出来的还是别的类型呢?如果这样的话,建表的时候映射还有什么用呢?最主要的是 ,Java读取之...
2024-03-07Node.js dns.resolve()与dns.lookup()
我需要在Node.js中查找给定主机到其对应的IP。似乎有两种本机方法可以执行此操作:> dns.resolve('google.com', (error, addresses) => { console.error(error); console.log(addresses); });QueryReqWrap { bindingName: 'queryA', callback: { [Function: asyncCallback] immediately: true }, hostname: 'g...
2024-01-10vue three.js 结合tween.js 实现动画过渡
参考地址:https://www.jianshu.com/p/d6e3b4b153bbhttps://www.jqhtml.com/10513.html官方文档:https://github.com/tweenjs/tween.js/blob/master/docs/user_guide.md曲线经典讲解:https://www.cnblogs.com/cloudgamer/archive/2009/01/06/tween.html#!commentsthree.js 模型插件、tween.js --过渡动...
2024-01-10利用Three.js如何实现阴影效果实例代码
前言众所周知作为webgl的插件,three.js肯定没有原生webgl那样,添加一个阴影这么费劲。所以,经过一小时的研究(笨人不聪明,已经是极限速度了)。终于将阴影效果做了出来,并且还发现一些容易犯错的地方。话不多说了,来一起看看详细的介绍吧。先上效果图:实现这个效果其实很简单,只需...
2024-01-10three.js实现圆柱体
本文实例为大家分享了three.js绘制圆柱体的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圆柱体</title> <style> #canvas{ width:1100px; height:600px; border:1px solid; } </style> <script type="text/javascript" src=...
2024-01-10three.js 利用uv和ThreeBSP制作一个快递柜功能
最近有three网友,问我要不要学习blender,其实我感觉学习一下也无妨,不过花大量时间精通,尚可不必,术业有专攻给别人留一条路吧,哈哈。那我我们就是用ThreeBSP和uv贴图的知识来制作一个定制化的快递柜,先上图,在线案例请点击博客原文。下面我们来讲解一下这样一个柜子的制作。1. 主角是...
2024-01-10Three.js - 为什么这些项目的影子看起来像这样?
我正在学习three.js。Three.js - 为什么这些项目的影子看起来像这样?我举一个例子来练习,但项目的阴影看起来不对或陌生。应该是这样的(这个形象是一个老教程):和代码是这样的:<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/thr...
2024-01-10Next.js:带有状态的Router.push
我正在使用next.js重建用于服务器端渲染的应用程序。我有一个处理搜索请求的按钮。在旧的应用程序中,处理程序是这样的:search = (event) => { event.preventDefault(); history.push({ pathname: '/results', state: { pattern: this.state.searchText, } });}在结果类中,我可以使用this.props.loc...
2024-01-10vue页面引入three.js实现3d动画场景操作
vue中安装Three.js近来无聊顺便研究一些关于3D图形化库。three.js是JavaScript编写的WebGL第三方库。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。我们开始引入three.js相关插件。1、首先利用淘宝镜像,操作命令为:cnpm install three2.接下...
2024-01-10jstree树形文件夹用vue.js组件格式做出来
jstree树状文件夹首先在官网下载jsTree或使用CDNJS。 (如果您选择下载-所有你需要的文件是在dist/下载文件夹中)1. 在index文件中引入CDN(style.min.css/jQuery.min.js/jstree.min.js) 2. 创建一个jstree.html文件来设置一个容器。 3. 创建一个json文件,代码格式如下: 4. 创建一个jstree.js文件,Ajax引入刚刚写...
2024-01-10基于three.js实现的3D粒子动效实例代码
一、背景粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块,原理是将无数的单个粒子组合使其呈现出固定形态,借由控制器、脚本来控制其整体或单个的运动,模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库,three.js提供了丰富的API帮助我们去实现3D动...
2024-01-10Three.js WebGLRenderTarget 对象
WebGL 渲染目标对象 WebGLRenderTarget 实现了 WebGL 的离屏渲染功能,如果你有一定的 WebGL 或 OpenGL 基础,对帧缓冲区、离线渲染、后处理等概念应该是不陌生的。.render() 方法WebGL 渲染器 WebGLRenderer 渲染方法 .render() 的参数 ( Scene, Camera, WebGLRenderTarget, forceClear )。Scene:要渲染的场景对象Camera:场景对象对应...
2024-01-10vue解决sockjs报错
打开node_modules -》 sockjs_client -》 dist -》 sockjs.js 找到1606行左右,将self.xhr.send(payload);注释掉一般开发的时候不要注释掉,打包的时候再注释,因为注释掉以后就不能热加载了 ...
2024-01-10vue jsx方式渲染问题
父组件 hello.js 子组件不管怎么调用父组件传通过props传过来的render 都会报vue.runtime.esm.js?2b0e:1888 ReferenceError: h is not defined已经测试过的代码// 1.第一种, 这种方式需要在父组件内接受一个 “h”作为参数,其实并不想接受这个参数,因为父组件render直接返回的是一个 节点形式比如<div></div>const Vnode = Vu...
2024-01-10vue/js,如何将下面的代码简洁化?
let resultText;if(msgData.data === 0){ resultText = "苹果" }if(msgData.data === 1){ resultText = "香蕉" }if(msgData.data === 2){ resultText = "梨子" }如上所示,小弟先谢谢各位大神的解答!回答:const fruits=...
2024-03-08vuejs移动端实现div拖拽移动
vue移动端实现div拖拽移动,供大家参考,具体内容如下本文讲述,在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。相关知识点touchstart 当在屏幕上按下手指时触发touchmove 当在屏幕上移动手指时触发touchend 当在屏幕上抬起手指时触发mousedown mousemove mouseup对应的是PC端的事件touchcancel 当一些更高...
2024-01-10vue 引入js的问题
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' /> <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.cs...
2024-03-11如何在vue中使用svg
1、安装依赖npm install svg-sprite-loader --save-dev2、在config文件中配置 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) } chainWebpack(config) { // set svg-sprite-loader config.module .rule('svg') .exclu...
2024-01-10vuejs实现折叠面板展开收缩动画效果
vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。循环列表,html:<template> <div class="newslist"> <ul> <li v-for="(item,index) in newslist" :key="index"> <p class="p" ref="liCon">{{item.content}}</p> <div class="open" @click="open(item,index)"> <div v-...
2024-01-10vue组件内部怎么引入外部js文件?
之所以要做这个是因为,在一个组件内部需要引入一个js文件来定位。如果放在index.html,这样每个组件都会有这个js。所以需要在组件内单独引入。第一种操作 Dom引入js:export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body.appendC...
2024-01-10vue js 可选链报错问题?
const name = undefinedconsole.log('? ~ mounted ~ name', name?.()) // undefinedconst name = 'mike'console.log('? ~ mounted ~ name', name?.()) // TypeError: name is not a function这是为什么呢....回答:Optiona...
2024-03-12js实现大转盘抽奖(vue举例)
在开发项目得时候遇到这样一个需求,在移动端项目有个支付抽奖页面,大概效果图如下:简单介绍一下需求,点击抽奖按钮转盘转动,转盘里边黄色块块是个整张背景图,里边的商品是从接口获取得,包括奖品名称和图片,商品和中奖概率后台可以动态修改,唯一确定得是永远有8个奖品。1、布局...
2024-01-10js之封装(秒数)转化为时分秒倒计时组件 vue版本
效果如上图;<!-- * @Author: lhl * @Date: 2021-09-09 21:43:00 * @LastEditors: lhl * @LastEditTime: 2021-09-09 22:21:55 * @Description: 组件调用 <Test :remainTime="5000"></Test>--><template> <span>{{ hour ? hourString + ':' + minuteString + ':' + secondStrin...
2024-01-10解决vue js IOS H5focus无法自动弹出键盘的问题
IOS不自动弹出键盘,必须手动触发一下focus才行,不能自动调用,所以需要诱导用户点击某个按钮触发focus,最终修改的方法,默认隐藏密码输入框,隐藏不能用v-if或者是v-show,用position:absolute, top:-1000,然后点击输入密码将top改为视窗内,并且调用focus的方法代码如下,有问题欢迎评论<template> <div class=...
2024-01-10vue jsx多层map嵌套问题
数据格式为:this.form.data[i].col[i].col[i].data[i]需要取到最后这层的data为数据,但是,最后这层data可能是为空的,这就导致了会出现 Cannot read properties of undefined (reading 'map')的情况。原错误代码↓render: (h, params) => { const subject...
2024-02-08vue 自适应 Responsive 设计
使用阿里的 lib-flexible 及 vue-meta 库:https://github.com/amfe/lib-flexible/https://github.com/nuxt/vue-meta#meta-object1.安装lib-flexible在命令行中输入并运行:npm i lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible'这个时候我们可以npm run dev看一下,已经有了效果。使用 vue-me...
2024-01-10vue+js 如何限制并发上传数?
有这么一个需求:需要上传几千张图片到后端接口使用 python 的时候,可以线程池来实现并发控制import osfrom loguru import loggerfrom pathlib import Pathfrom PIL import Imagefrom mark import BASE_DIRfrom PIL import UnidentifiedImageErrorimpo...
2024-03-07vue之node.js的简单介绍
它是可以运行JavaScript的服务器,用javascript语言编写的后端,只是它的开发语言是JavaScript二、安装1、node.js的特性:- 非阻塞IO模型- 时间驱动2、运用的场景:- 高并发单例模式业务- 实时场景- 聊天、电子商务、视频直播等3、安装地址:http://nodejs.cn/判断是否安装成功 node -v进入编辑状态:node+...
2024-01-10vue v-on监听事件详解
在html或jsp页面中我们总能碰到监听DOM事件来触发javaScript代码,下面我们就简单聊聊Vue.js中的监听事件是怎么处理的。在vue.js中监听事件是通过v-on指令来实现的,先看一下简单的监听事件代码。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="vue.js"></script></hea...
2024-01-10vue3 页面刷新后json的问题
当我打开浏览器第一次时,点击按钮添加数据是正常的但是当我刷新页面,数据初始化,点击按钮添加数据就成这样了,下图。length依然是1,展开的数据也在,但是箭头所指的Array括号里的数据却为空,别的地方也取不到该变量的数据。请问这是什么原因造成的??PS:如果我多push2次,第二次第三次的数据却可以正常保存,下图length=3,但是Array括号里只有2个数据。回答:有关 console.l...
2024-02-17vue集成krpano实现在里面加文字
显示文字<hotspot name="spot4" style="your_hotspotstyle" ath="-29.334" atv="-8.413" tooltip="tooltip 1"/><hotspot name="spot5" style="your_hotspotstyle" ath="-29.334" atv="-21.445" tooltip="tooltip 2"/><style name="your_hotspotstyle" url="%SWFPATH%/skin/v...
2024-01-10